Bottom     Previous     Contents

Floating graphics

HIS part of the tutorial shows you how to use Floating graphics to get a number of special effects, for example the illuminated capital letter at the start of this paragraph. Paragraphs can contain several graphics which can be aligned to the left or right with text flowing over the graphic.

Using Floating Graphics

A brief tutorial follows that will show you how to produce the following document.

Just kidding, but it does illustrate the use of embedded graphics!

In fact you will produce a document that looks similar to this:


PNG (portable Network Graphics)

RONOUNCED 'ping' this is starting to become a popular format and is likely to take over from GIF. It is used extensively in Word 8. PNGs can have variable transparency. If you are looking at this document in TechWriter or EasiWriter click on the picture to the left and change the background colour using the Borders dialogue. Note how the shadow 'absorbs' the background colour. TechWriter and EasiWriter can decode PNGs without the need for ImageFS2 or InterGif. This paragraph also shows how in-line graphics can be 'floated' to the left or right margins, while the text flows round them. This is similar to the way graphics are left and right handed in HTML.


Create a section

First you are going to create a section.

  1. Open the V6 folder inside the Tutorial Folder.
  2. Drag the Edit file 'Text' into a new Easi/TechWriter Pro+ document.
  3. Click in the first line and drag anywhere into the second line.
  4. Now click the Section button.

Illuminated letters

Next insert the illuminated letter.

  1. Click at the beginning of the paragraph in front of 'ronounced'.
  2. Drag the file P/png into the document.
  3. Hold down Ctrl and drag the graphic down till its top aligns with the top of the first line.

  4. With the picture still selected click on Left align button.
    The text will adjust to flow down the graphic.
  5. Click at the beginning of the text and press F7 over the letters 'ronounced' if you want to make them Upper case as in the example.

Adding a second graphic

Now you are going to add the other picture.

  1. Click in the second line after the Word PNGs.
  2. Drag in the file 'Toucan/png'.

  3. Click on the Right align button.
  4. Now click in the text and click on the Fill Justify button.

That ends this short tutorial, you will find more details in Chapter two Using EasiWriter, Figure & Pictures.


    Top